﻿<div id="myTab">
    <!-- 导航 -->
    <ul>
        <li class="active">
            <a href="#baseProp" data-toggle="tab">属性</a>
        </li>
        <li>
            <a href="#eventProp" data-toggle="tab">事件</a>
        </li>
        <li>
            <a href="#dataProp" data-toggle="tab">数据</a>
        </li>
    </ul>
    <!-- 内容 -->
    <form class="form-inline" role="form">
        <div id="baseProp">
            <div class="form-group">
                <label for="txtEName">英文名称：</label><input type="text" class="form-control" readonly="readonly" id="txtEName" />
            </div>
            <div class="form-group">
                <label for="txtCode">编码：</label><input type="text" class="form-control" readonly="readonly" id="txtCode" />
            </div>
            <!--<div class="form-group">
                <label for="txtDataFieldName">数据字段：</label><input type="text" class="form-control" readonly="readonly" id="txtDataFieldName" />
            </div>-->
            <div class="form-group">
                <label for="txtCName">中文名称：</label><input type="text" class="form-control" id="txtCName" />
            </div>
           <!-- <div class="form-group">
                <label for="txtSName">标签显示：</label><input type="text" class="form-control" id="txtSName1" />
            </div>-->
            <div class="form-group" id="HVstyle">
                <label for="radioSingleSelect">选择样式</label>
                 <select class="form-control" style="margin-left:-5px;" id="radioSingleSelect">
                    <option value="1" id="Vstyle">竖版</option>
                    <option value="2" id="Hstyle">横版</option>
                </select>
            </div>
        </div>
        <div id="eventProp">
            <div class="form-group">
                <label for="txtClickEvent">单击：</label>
                <input type="text" class="form-control" readonly="readonly" id="txtClickEvent" />
                <button type="button" class="btn btn-primary" id="btnClickEvent">配置</button>
            </div>
            <div class="form-group">
                <label for="txtDBLClickEvent">双击：</label>
                <input type="text" class="form-control" readonly="readonly" id="txtDBLClickEvent" />
                <button type="button" class="btn btn-primary" id="btnDBLClickEvent">配置</button>
            </div>
            <div class="form-group">
                <label for="txtEnterEvent">进入：</label>
                <input type="text" class="form-control" readonly="readonly" id="txtEnterEvent" />
                <button type="button" class="btn btn-primary" id="btnEnterEvent">配置</button>
            </div>
            <div class="form-group">
                <label for="txtBlurEvent">离开：</label>
                <input type="text" class="form-control" readonly="readonly" id="txtBlurEvent" />
                <button type="button" class="btn btn-primary" id="btnBlurEvent">配置</button>
            </div>
            <div class="form-group">
                <label for="txtKeyUpEvent">按键：</label>
                <input type="text" class="form-control" readonly="readonly" id="txtKeyUpEvent" />
                <button type="button" class="btn btn-primary" id="btnKeyUpEvent">配置</button>
            </div>
        </div>
        <div id="dataProp">
            <div class="form-group">
                <ul class="nav nav-tabs">
                    <li class="active">
                        <a href="#staticData" data-toggle="tab">静态数据</a>
                    </li>
                    <li>
                        <a href="#dynData" data-toggle="tab">数据集</a>
                    </li>
                </ul>
                <div class="tab-content">
                    <div class="tab-pane fade in active" id="staticData" style="width:618px">
                        <div class="form-group" style="float:left;width:200px">
                            <label for="txtSName" style="float:left;width:40px;margin-top:10px">显示</label><textarea class="form-control" id="txtSName" style="float:left;width:150px;height:180px"/>
                        </div>
                        <div class="form-group" style="float:left;width:200px;margin-left:30px">
                            <label for="txtValue" style="float:left;width:40px;margin-top:10px">取值</label><textarea class="form-control" id="txtValue" style="float:left;width:150px;height:180px"/>
                        </div>
                        <!--<div class="form-group">
                            <label for="txtDisplayData" style="float:left;width:75px">显示数据</label>
                            <textarea id="txtDisplayData"></textarea>
                        </div>-->
                    </div>
                    <div class="tab-pane fade" id="dynData">
                        <div class="form-group">
                            <label for="selDataSet">数据集：</label>
                            <select id="selDataSet">
                            </select>
                        </div>
                        <div class="form-group">
                            <label for="nameSelField">显示字段：</label>
                            <select id="nameSelField">
                            </select>
                        </div>
                        <div class="form-group">
                            <label for="valueSelField">取值字段：</label>
                            <select id="valueSelField">
                            </select>
                        </div>
                        <div class="form-group">
                            <label for="selObtainMode">取值方式：</label>
                            <select id="selObtainMode">
                                <option value="1">全部</option>
                                <option value="2">最大值</option>
                                <option value="3">最小值</option>
                                <option value="4">第一条</option>
                                <option value="5">最后条</option>
                            </select>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>